<template>
  <uni-popup ref="popup" type="center" style="z-index: 910">
    <view class="pop column">
      <image :src="image" mode="" style="width: 318rpx;height: 318rpx;margin: 20rpx 0px;border-radius: 5px;"></image>
      <view style="font-size: 30rpx;">安蓝车用尿素-{{title}}</view>
      <view style="font-size: 24rpx;margin-top:8rpx;">扫码加群 配送到车</view>
    </view>
  </uni-popup>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  const popup = ref(null)
  const props = defineProps({
    title: {
      type: String,
    },
    image:{
      type: String,
    }
  });
  function open(){
    popup.value.open();
  }
  defineExpose({
    open
  });
</script>

<style scoped lang="less">
  .pop {
    width: 600rpx;
    padding: 30rpx;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
  }
</style>